<template>
    <div class="header">
        <div class="left-box">
            <div class="title">仪表盘</div>
            <div class="sub-title">欢迎回来！这是您的项目概览。</div>
        </div>
        <div class="right-box">
            <Button2 text="新建项目" icon="/icon/add.svg" @click=""></Button2>
        </div>
    </div>
</template>

<script setup>
import Button2 from "@/components/button/Button2.vue";
</script>

<style scoped lang="less">
.header {
    display: flex;
    align-items: center;

    .left-box {
        flex: 1;

        .title {
            font-size: 1.5vw;
            font-weight: 600;
        }

        .sub-title {
            font-size: 0.9vw;
            color: #888;
        }
    }

    .right-box {
        width: 8vw;
    }
}
</style>